<template>
  <div class="box">
    <h3>ChildSon</h3>
    <p>This is a child component of Parent component</p>
    <p>{{ attrs }}</p>
  </div>
</template>

<script lang='ts' setup>
import { useAttrs } from 'vue';
const attrs: any = useAttrs();
console.log(attrs);

</script>

<style scoped lang='scss'>
.box {
  border: 1px solid #1db832;
  padding: 10px;
  background-color: rgb(24, 165, 111);
  color: white;
  margin-top: 20px;
  min-height: 120px;
}
</style>
